﻿<?php include('header.php'); ?>
 <script type="text/javascript" src="./js/validation/jquery.formvalidator.min.js"></script>
 <link href="./js/validation/style1.css" type="text/css" rel="stylesheet" />
 <link type='text/css' rel='stylesheet' href='./css/contactus.css'/>
 
<div>
<img src="./images/home.png" align="right"/>
<h3>اتصل بنا </h3>
</div>																																								
<div style="width:70%; clear:both;margin: auto" dir='ltr'>
<form action="<?php echo $_SERVER['PHP_SELF']; ?>" method='post' name='contactus' id="contactus" onsubmit="javascript: return $(this).validate();">
<div class='form_wrapper'>
    <div class='form_content' >
      <div class='inic_form'><ul>
      
          <li><span class='title'>Personal Information</span></li>
          <li><span class='lable'><span class='red'>*</span> Your Name :</span>
              <span class='value'> <span id="tbcContactPerson_img"></span>
                  <input type='text' style='width:185px;' maxlength='50' size='25' value='' 
				  id='tbcContactPerson' class='txt_fld' name='ContactName' placeholder="Name" data-validation="required" />
            </span>
            
            <div class='clear'></div>
          </li>
          
          
          <li><span class='lable'>Company / Business Name :</span><span class='value'>
<input type='text' style='width:185px;' class='txt_fld' value='' id='CompanyName' name='CompanyName'/>
            </span><div class='clear'></div>
          </li> 
          
          
          <li><span class='lable'><span class='red'>*</span> Email Address :</span>
          <span class='value'><span id="Email_img"></span>
           <input type='text' style='width:185px;' class='txt_fld' value='' id='Email' name='Email' data-validation="validate_email"/>
            <span style='color:red !important;'>&nbsp;</span>
			</span>
            <div class='clear'></div>
          </li>
          
          <li><span class='lable'> <span class='red'>*</span> Phone No. :</span>
          <span class='value'><span id="tbcPhone_img"></span>
            <!--span id='countrycallingcode'>+20</span-->
			<input type='text' style='width:185px;' class='txt_fld'  value='' id='tbcPhone' name='Phone' data-validation="validate_phone"/>
           <br/><span style='color:#999 !important;'>ex: 0020000000</span></span>
            <div class='clear'></div>
          </li> 
          
          <li><span class='title'>Project Requirements</span></li>
          <li><span class='lable'><span class='red'>*</span> Select Category :</span><span class='value'>
				<select id='category' class='txt_fld' name='Category' data-validation="required">
               <option value=''> -- Select Category -- </option>
               <option value='phpDevelopment'>PHP Development</option>
               <option value='openSource'>Open Source CMS Customization</option>
               <option value='marketing'>Web Marketing / SEO</option>
               <option value='design'>Website Design </option>
               <option value='other'> Other </option>
               </select>
            </span>
            <div class='clear'></div>
          </li><div id='service_type'></div>
          <li><span class='title'>Additional Information</span></li>
          <li><span class='lable'><span class='red'></span>Web site URL if any :</span>
          <span class='value'>
<input type='text' style='width:185px;' value='' class='txt_fld' id='tbcWebSiteURL'  name='WebsiteURL'/>
            </span>
            <div class='clear'></div>
          </li>
          <li><span class='lable'>How did you hear about us :</span><span class='value'>
<select class='txt_fld' name='tbcInquiry_media' id='tbcInquiry_media'>
                  <option value=''>Choose One...</option>
                  <option value='Google'>Google</option>
                  <option value='Yahoo!'>Yahoo!</option>
                  <option value='Friend'>Friend</option>
                  <option value='Email/Newsletter'>Email/Newsletter</option>
                  <option value='Others'>Others</option>
                </select>
            </span>
            <div class='clear'></div>
          </li><li><span class='lable'> Additional information :</span><span class='value'>
<textarea class='txt_fld' style='width:300px; height:80px;' rows='' cols='' id='Desc'  name='Desc' placeholder='Additional Information'></textarea>
            </span>
            <div class='clear'></div>
          </li><li><br/>
		<span class='lable'></span><span class='value'>
<input type='submit' onclick='enable_action()' style='float:left;' id='submit_inquiry' class='submit_inquiry' value='' name='submit' />
			
            
        <div class='clear'> </div>			
            </span>
            <div class='clear'></div></li>
        </ul>
<script>
function enable_action()
	{
       /*
		document.contactus.submit_inquiry.disabled=true;
		var div1 = document.getElementById('loading_gif');
		document.contactus.submit();
		*/
	}
</script>
		
      </div>
    </div>
  </div>
</form>
</div>
<!-- ============ RIGHT SIDE ===== -->
<!--div style="position: absolute;right: 60px;top: 120px;">
<strong>EGYPT</strong> 
<img alt='' src='./images/flag-eg.png' /></span><br/>
Alternatively, you can contact us at: <br/>
<strong style='color:#cc0000'>
Mr. Ahmed Atta
</strong>
<br/>
<h4>Egypt office:</h4>
<strong style='color:#cc0000'>Tel:</strong>  +20 1017083611 <br/>
<strong style='color:#cc0000'>MSN:</strong>  a.developer@hotmail.com <br/>
<strong style='color:#cc0000'>Skype ID: </strong> a.developer1 <br/>    
</div-->
<!-- ============ END RIGHT ====== -->



<!-- # start footer -->
<?php  include_once('footer.php'); ?>
<!--  #end footer --> 